<template>
 <div>
  <!-- v-model  修饰符,来增强v-model的功能 -->
  <!-- .number在绑定给变量时,先转成number类型
  原理:利用parseFloat()方法转换     -->
  年龄:<input v-model.number="age" type="text"><br>
  用户名:<input v-model.trim="username" type="text"><br>
  <!-- -change触发条件：当用户修改内容并失去焦点才会触发
      -input触发条件：当用户修改内容会触发
      -v-model双向绑定给数据的时机，默认是用的input事件
      .lazy懒，将默认使用的input事件，改为change事件
      可以提高一点点性能，但没什么用，所以用的极少 -->
  自我介绍:<textarea v-model.lazy="intro" name="" id="" cols="30" rows="10"></textarea>
 </div>
</template>
<script>
export default {
 data() {
 return {
  age:18,
  username:'',
  intro:'',
 }
 },
 methods:{
 },
}
</script>
<style lang="less" scoped>

</style>
